* {
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html, body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  font-family:Times New Roman,serif,"黑体" !important;
}
.image_game{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.back_img{
  background-image: url(../img/bg_normal.jpg);
  position: relative;
  text-align: center;
}
.wh{
  width: 100%;
  height: 100%;
}
.bottom_text{
  position: absolute;
  bottom: 0px;
  text-align: center;
  background-color: #848484;
  height: 4%;
  width: 100%;
  z-index: 50;
  color: white;
}
.pf{
  position: relative;
}
.h50{height: 50%!important;}
.problem{
  position: absolute;
  height: 30%;
  width: 69%;
  /*background-color: red;*/
  top: 17%;
  left: 16%;
  text-align: center;
  word-break: break-all;
}
.er_box{
  height: 40%;
  /*max-width: 50%;*/
  position: absolute!important;
  /*top: 0%;*/
  top: 0%;
  left: 50%;
  display: none;
  /*margin-left: -20%;*/
}
.parachute{
  height: 100%;
}
.w{
  width: 100%;
  max-height: 50%;
}
.image_down{
  background-image: url(../img/front_obstacles.png);
  text-align: center;
  width: 100%;
  height: 15%;
  position: absolute;
  bottom: 0px;
  z-index: 30;
}
.answer_place{
  color: #E8C67F;
  position: absolute;
  width: 22%;
  height: 10%;
  /*background-color: red;*/
  top: 58%;
}
.over{
  position: absolute;
  z-index: 40;
}
.page{
  display: none;
  position: relative;
}
.page_start{
}
.wrong_{
  width: 70%;
}
.Continue_{
    width: 70%;
}
.out_{
  width: 70%;
}
.image_start{
  position: absolute;
  width: 100%;
  height: 20%;
  top: 40%
}
.image_Continue{
  position: absolute;
  /*width: 100%;*/
  height: 45%;
  top: 35%;
  left: 50%;
  /*background-image:url("../img/end_score_bg.png");*/
  background-position: center;
  background-size: contain;
}
.back_white{
  height: 100%;
}
.head_img{
  position: absolute;
  width: 100%;
  height: 45%;
  top: -35%;
  background-image:url("../img/passed_icon.png");
  background-position: center;
  background-size: contain;
}
.head_nopass_img{
  background-image:url("../img/end_icon.png")!important;
}
.statistical{
  position:absolute;
  top: 25%;
  width: 100%;
  height: 20%;
  display: none;
}
.text_continue1{
  position: absolute;
  top: 15%;
  width: 100%;
  top: 30%;
  font-size: 25px;
}

.text_restant1{
  position: absolute;
  top: 30%;
  width: 100%;
  font-size: 25px;
}
.text_continue2{
  position: absolute;
  top: 35%;
  width: 100%;
  font-size: 25px;
  display: none;
}
.statistical_pr{
  position: relative;
}
.statistical_box{
  width: 90%;
  margin: auto;
  /*background-color: red;*/
  height: 100%;
  overflow: hidden;
}
.nopass_img{
  width: 8%;
  height: 100%;
  background-image:url("../img/thumbdown.png");
  background-size: contain;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
.restant{
  position: absolute;
  width: 100%;
  height: 20%;
  top: 60%;
  background-image:url("../img/replay.png");
  background-position: center;
  background-size: contain;
}
.next_checkpoint{
  position: absolute;
  width: 100%;
  height: 20%;
  top: 60%;
  background-image:url("../img/btn_next.png");
  background-position: center;
  background-size: contain;
}
.pass_img{
  width: 8%;
  height: 100%;
  background-size: contain;
  background-image:url("../img/thumbup.png");
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
.start_{
  height:100%;
}
.left_answer{
  left: 0px;
}
.right_answer{
  right: 0px;
}
.bottom{
  top: 80%!important;
}
.game_logo{
  position: absolute;
  width: 100%;
  top: 20%;
}
.game_logo_image{
  width: 80%;
}
.text_start{
  position: absolute;
  width: 100%;
  top: 70%;
  text-align: center;
}
.start_text{
  margin:auto; 
}